<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head></h:head>
<body>

	<h:form>

		<h:selectOneMenu value="#{productPagesController.product}"
			defaultLabel="select one item....."
			valueChangeListener="#{productPagesController.valueChanged}"
			onchange="submit()"
			>
		 	<a4j:ajax event="valueChange" render="second" execute="@this" />
			
			<f:selectItems value="#{productPagesController.productList}" var="p"
				itemLabel="#{p.name}" itemValue="#{p}" />
			
		</h:selectOneMenu>
		 <a4j:outputPanel id="second" layout="block">
            #{productPagesController.product.name}
        </a4j:outputPanel>
		
	</h:form>
</body>
</html>
